<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" >
	<title>教务处</title>
	<link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="../css/reset.css">
	<link rel="stylesheet" type="text/css" href="../css/deansOffice.css">
	<link rel="stylesheet" type="text/css" href="../css/nav.css">
	<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_554626_qzrso3umv1oo5hfr.css">
	<link rel="stylesheet" type="text/css" href="../css/swiper-3.3.1.min.css">
</head>
<body>
	<header>
		<div class='wrap'>
			<div class='left col-xs-12 col-sm-6 col-md-6 col-lg-6'>
				<a href="../index.html"><img src="../img/logo.png"></a>
			</div>
			<div class='right  col-xs-12 col-sm-6 col-md-6 col-lg-6'>
				<img src="../img/logo3.png" class="logo2">
			</div>
		</div>
	</header>
	<!-- ======导航======= -->
	<nav class="navbar navbar-default" role="navigation">
	    <div class="container-fluid wrap">
		    <div class="navbar-header">
		        <button type="button" class="navbar-toggle iconfont icon-ai-kind" data-toggle="collapse"
		                data-target="#example-navbar-collapse">
		        </button>
		    </div>
		    <div class="collapse navbar-collapse" id="example-navbar-collapse">
		        <ul class="nav navbar-nav main">
		            <li>
		            	<a href="../index.html">学院首页</a>
		            </li>
		            <li class="active">
		            	<a href="#">本站首页</a>
		            </li>
		            <li>
		            	<a href="students_affairs.html">机构设置</a>
		            </li>
		            <li>
		            	<a href="#">教学管理</a>
		            </li>
		            <li>
		            	<a href="#">学籍管理</a>
		            </li>
		            <li>
		            	<a href="#">考试管理</a>
		            </li>
		            <li>
		            	<a href="#">规章制度</a>
		            </li>
		            <li>
		            	<a href="#">高教管理</a>
		            </li>
		            <li>
		            	<a href="#">常用下载</a>
		            </li>
		            
		        </ul>

		    </div>
	    </div>
	</nav>
	<!-- =====导航结束======= -->
	<div id="banner">
		<!-- <a href="#"><img src="./img/banner.jpg"></a> -->
		<div class="swiper-container" id="banner_swiper">
		    <div class="swiper-wrapper">
		        <div class="swiper-slide"><a href="#"><img src="../img/banner.jpg"></a></div>
		        <div class="swiper-slide"><a href="#"><img src="../img/banner.jpg"></a></div>
		        <div class="swiper-slide"><a href="#"><img src="../img/banner.jpg"></a></div>
		    </div>
		    <!-- 如果需要分页器 -->
		    <!-- <div class="swiper-pagination"></div> -->
		</div>
	</div>
	
	<div id="main">
		<div class="main_top">
			<div class='wrap'>
				<div class="img_news col-xs-12 col-sm-12 col-md-8 col-lg-8">
					<div class="main_title">
						<i class='square'></i>
						<span><b>新闻动态/</b>News</span>
						<span class="more"><a href="#">More<i class="iconfont icon-yousanjiao"></i></a></span>
						<i class='square2'></i>
					</div>
					<div class='content'>
						<div class='left col-xs-12 col-sm-12 col-md-6 col-lg-6'>
							<img src="../img/img3.jpg">
						</div>
						<ul class="right col-xs-12 col-sm-12 col-md-6 col-lg-6">
							<li><a href="#">捧上一本书，沏上一杯香茶，坐在书案旁静静地品茶，静静地读书，荡涤自己的心灵</a></li>
							<li><a href="#">捧上一本书，沏上一杯香茶，坐在书案旁静静地品茶，静静地读书，荡涤自己的心灵</a></li>
							<li><a href="#">捧上一本书，沏上一杯香茶，坐在书案旁静静地品茶，静静地读书，荡涤自己的心灵</a></li>
							<li><a href="#">捧上一本书，沏上一杯香茶，坐在书案旁静静地品茶，静静地读书，荡涤自己的心灵</a></li>
							<li><a href="#">捧上一本书，沏上一杯香茶，坐在书案旁静静地品茶，静静地读书，荡涤自己的心灵</a></li>
							<li><a href="#">捧上一本书，沏上一杯香茶，坐在书案旁静静地品茶，静静地读书，荡涤自己的心灵</a></li>
							<li><a href="#">捧上一本书，沏上一杯香茶，坐在书案旁静静地品茶，静静地读书，荡涤自己的心灵</a></li>
							<li><a href="#">捧上一本书，沏上一杯香茶，坐在书案旁静静地品茶，静静地读书，荡涤自己的心灵</a></li>
						</ul>
						
					</div>
				</div>
				<div class="news_nav col-xs-12 col-sm-12 col-md-4 col-lg-4">
					<div class="main_title">
						<i class='square'></i>
						<span><b>快捷通道/</b>Special</span>
						<i class='square2'></i>
					</div>
					<div class='news_nav_box'>
						<div class="top">
							<i class="iconfont icon-lifangtilitiduomiantifangkuai2"></i><span>服务平台</span>
						</div>
						<div class="bottom">
							<div class="input-box">
								<i class='iconfont icon-sousuo'></i>
								<input type="text" name="" placeholder="站内搜索">
							</div>
							<ul>
								<li>联系我们</li>
								<li>教务管理</li>
								<li>内网登陆</li>
								<li>外网登陆</li>
							</ul>
						</div>
					</div>
					
				</div>

			</div>
		</div>
		<div class="main_center">
			<div class='wrap'>
				<div class="news_nav col-xs-12 col-sm-12 col-md-4 col-lg-4">
					<div class="main_title">
						<i class='square'></i>
						<span><b>高教动态/</b>Teaching</span>
						<span class="more"><a href="#">More<i class="iconfont icon-yousanjiao"></i></a></span>
						<i class='square2'></i>
					</div>
					<ul class='news_nav_box'>
						<li><i class="iconfont icon-arrow-right-copy"></i><a href="#">捧上一本书，沏上一杯香茶，坐在书案旁静静地品茶，静静地读书，荡涤自己的心灵</a></li>
						<li><i class="iconfont icon-arrow-right-copy"></i><a href="#">捧上一本书，沏上一杯香茶，坐在书案旁静静地品茶，静静地读书，荡涤自己的心灵</a></li>
						<li><i class="iconfont icon-arrow-right-copy"></i><a href="#">捧上一本书，沏上一杯香茶，坐在书案旁静静地品茶，静静地读书，荡涤自己的心灵</a></li>
						<li><i class="iconfont icon-arrow-right-copy"></i><a href="#">捧上一本书，沏上一杯香茶，坐在书案旁静静地品茶，静静地读书，荡涤自己的心灵</a></li>
						<li><i class="iconfont icon-arrow-right-copy"></i><a href="#">捧上一本书，沏上一杯香茶，坐在书案旁静静地品茶，静静地读书，荡涤自己的心灵</a></li>
						<li><i class="iconfont icon-arrow-right-copy"></i><a href="#">捧上一本书，沏上一杯香茶，坐在书案旁静静地品茶，静静地读书，荡涤自己的心灵</a></li>
						<li><i class="iconfont icon-arrow-right-copy"></i><a href="#">捧上一本书，沏上一杯香茶，坐在书案旁静静地品茶，静静地读书，荡涤自己的心灵</a></li>
						<li><i class="iconfont icon-arrow-right-copy"></i><a href="#">捧上一本书，沏上一杯香茶，坐在书案旁静静地品茶，静静地读书，荡涤自己的心灵</a></li>
					</ul>
					
				</div>
				<div class="news_nav col-xs-12 col-sm-12 col-md-4 col-lg-4">
					<div class="main_title">
						<i class='square'></i>
						<span><b>规章制度/</b>Hystem</span>
						<span class="more"><a href="">More<i class="iconfont icon-yousanjiao"></i></a></span>
						<i class='square2'></i>
					</div>
					<ul class='news_nav_box'>
						<li><i class="iconfont icon-arrow-right-copy"></i><a href="#">捧上一本书，沏上一杯香茶，坐在书案旁静静地品茶，静静地读书，荡涤自己的心灵</a></li>
						<li><i class="iconfont icon-arrow-right-copy"></i><a href="#">捧上一本书，沏上一杯香茶，坐在书案旁静静地品茶，静静地读书，荡涤自己的心灵</a></li>
						<li><i class="iconfont icon-arrow-right-copy"></i><a href="#">捧上一本书，沏上一杯香茶，坐在书案旁静静地品茶，静静地读书，荡涤自己的心灵</a></li>
						<li><i class="iconfont icon-arrow-right-copy"></i><a href="#">捧上一本书，沏上一杯香茶，坐在书案旁静静地品茶，静静地读书，荡涤自己的心灵</a></li>
						<li><i class="iconfont icon-arrow-right-copy"></i><a href="#">捧上一本书，沏上一杯香茶，坐在书案旁静静地品茶，静静地读书，荡涤自己的心灵</a></li>
						<li><i class="iconfont icon-arrow-right-copy"></i><a href="#">捧上一本书，沏上一杯香茶，坐在书案旁静静地品茶，静静地读书，荡涤自己的心灵</a></li>
						<li><i class="iconfont icon-arrow-right-copy"></i><a href="#">捧上一本书，沏上一杯香茶，坐在书案旁静静地品茶，静静地读书，荡涤自己的心灵</a></li>
						<li><i class="iconfont icon-arrow-right-copy"></i><a href="#">捧上一本书，沏上一杯香茶，坐在书案旁静静地品茶，静静地读书，荡涤自己的心灵</a></li>
					</ul>
					
				</div>
				<div class="news_nav col-xs-12 col-sm-12 col-md-4 col-lg-4">
					<div id="calendar" class="calendar"></div>
					
				</div>
			</div>
		</div>
		<div class="main_bottom">
			<div class='wrap'>
				<div class='left col-xs-12 col-sm-12 col-md-6 col-lg-6'>
					<div class="swiper-container" id="bottom_swiper">
					    <div class="swiper-wrapper">
					        <div class="swiper-slide">
								<li>
									<div class='left'>
										<span>11</span>
										<span>2017-12</span>
									</div>
									<div class='right'><a href="#">川省2017年普通高校招生美术与设计类专业考试成绩录取控制分数线及部分艺术类专制分数线及部分艺术类专</a></div>
								</li>
					        </div>
					    </div>
					</div>
				</div>
				<div class='right col-xs-12 col-sm-12 col-md-6 col-lg-6'>
					<div class='right_link col-xs-12 col-sm-12 col-md-6 col-lg-6'>
						<div class="link">
							<span>媒体看校</span>
							<i class="iconfont icon-jiantousanjiaoxia"></i>
							<ul>
								<li><a href="#">相关链接</a></li>
								<li><a href="#">相关链接</a></li>
								<li><a href="#">相关链接</a></li>
								<li><a href="#">相关链接</a></li>
							</ul>
						</div>
					</div>
					
				</div>
			</div>
		</div>
	</div>


	<div id="footer">
		<div class="footer_top">
			<div class="wrap">
				<ul class="col-xs-12 col-sm-12 col-md-8 col-lg-8">
					<li>地址：四川省泸州市合江荔城大道500号</li>
					<li>邮编：646200 </li>
					<li>联系电话：0830-5261151、5255263、5255327 </li>
					<li>传真： 0830-8889199 </li>
					<li>QQ：800099668   微信：V800</li>
				</ul>
				<div class='img_box col-xs-12 col-sm-12 col-md-4 col-lg-4'>
					<img src="../img/img2.jpg">
				</div>
			</div>
		</div>
		<div class="footer_bottom">
			Copyright&copy; 四川三河职业学院官方网站
		</div>
	</div>
</body>
<script type="text/javascript" src="../js/jquery-1.10.1.min.js"></script>
<script type="text/javascript" src="../js/calendar.js"></script>
<script type="text/javascript" src="../bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="../js/swiper-3.3.1.min.js"></script>
<script type="text/javascript">
$(function(){
	if($(window).width() < 769){
		$('.dropdown ul').addClass('dropdown-menu').removeClass('drop').removeClass('menu5');
	}else{
		$('.dropdown ul').removeClass('dropdown-menu').addClass('drop').addClass('menu5');
	}
	$(window).resize(function(){ 
	    if($(window).width() < 769){
			$('.dropdown ul').addClass('dropdown-menu').removeClass('drop').removeClass('menu5');
		}else{
			$('.dropdown ul').removeClass('dropdown-menu').addClass('drop').addClass('menu5');
		}
	});

	var mySwiper1 = new Swiper ('#banner .swiper-container', {
	    direction: 'horizontal',
	    loop: true,
	    autoplay: 500,
        speed: 2000,
        observer:true,
        observeParents:true,
	    pagination: {
	      el: '.swiper-pagination',
	    },
	}) 
	var mySwiper2 = new Swiper ('.main_bottom .swiper-container', {
	    direction: 'vertical',
	    loop: true,
	    slidesPerView:1,
	    spaceBetween : 60,
        autoplay: 1000,
        speed: 2000,
        observer:true,
        observeParents:true,
        autoplayDisableOnInteraction : false,
	    pagination: {
	      el: '.swiper-pagination',
	      clickable: true,
	    },
	}) 
	$('.news_title_btn').click(function(){
		if($(this).hasClass('news_nav_btn')){
			$('.news_nav_box').show();
			$('.data_download_box').hide();
		}else{
			$('.news_nav_box').hide();
			$('.data_download_box').show();
		}
		$(this).addClass('active').siblings('.news_title_btn').removeClass('active');
	})
	$('.title_top span').click(function(){
		console.log($(this).index());
		$(this).addClass('active').siblings().removeClass('active');
		if($(this).index()==0){
			$('.work_list1').show();
			$('.work_list2').hide();
		}else{
			$('.work_list1').hide();
			$('.work_list2').show();
		}
	})
	
	$('.right_link').click(function(){
		var listBox = $(this).find('ul');
		if(listBox.css('display')=='block'){
			listBox.hide();
		}else{
			listBox.show();
		}
		$(this).siblings().find('ul').hide();
	})



	
})
</script>
</html>